<template>
  <div class="about">
    {{ message }}
  </div>
</template>

<script setup lang="ts">
import { reactive, ref, watchEffect, toRefs,toRef } from 'vue'

// 调用接口
import { hello } from '@/api/hello'

const message = ref('') as any;

const show = async () => {
  let params = {
    name: "李四"
  }
  message.value = await hello(params);
}

show()

</script>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
